﻿<!doctype html>
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
    <title>MICSS首页</title>
    <link href="../../css/768_1366/global.css" rel="stylesheet"/>
    <link href="../../css/768_1366/common.css" rel="stylesheet"/>
    <link href="../../css/768_1366/main_total.css" rel="stylesheet"/>
    <link href="../../css/768_1366/recharge.css" rel="stylesheet"/>
    <script type="text/javascript" src="../../js/frame/browser.js"></script>
    <script src="../../js/frame/jquery.min.js"></script>
    <script src="../../js/frame/banner.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#moreitem").click(function () {
                $(".moreicons").toggle();
            });
            $(".moreicons li").click(function () {
                $(this).parent().hide();
            });
        });
    </script>
</head>

<body>
<div class="container inner">
    <div class="header">
        <div class="logo"><em class="_devName"></em></div>
        <div class="hotline"><p>客服热线(customer service)</p>
            <p class="_telephone"></p></div>
    </div>
    <div class="contentbox indexcon" id="contentbox" style="display:none;">
        <ul class="shortcut" id="biztypes">
            <ul id="biztypes1">
                <li biztype="10" class="sellcard" voice-control="购卡,买卡" vc-intent="BL_SZT_GK">
                    <div class="quickicon"></div>
                    <p>购卡</p>
                </li>
                <li biztype="00" class="recharge" voice-control="充值" vc-intent="BL_SZT_CZ">
                    <div class="quickicon"></div>
                    <p>充值</p>
                </li>
                <li biztype="tk" class="refundcard" voice-control="退卡" vc-intent="BL_SZT_TK">
                    <div class="quickicon"></div>
                    <p>退卡</p>
                </li>
                <li biztype="32" class="printinvoice" voice-control="发票,打印" vc-intent="BL_SZT_DYFP">
                    <div class="quickicon"></div>
                    <p>已开发票打印</p>
                </li>
                <li biztype="33" class="studentcard" voice-control="学生卡" vc-intent="BL_SZT_XSK">
                    <div class="quickicon"></div>
                    <p>办理学生卡</p>
                </li>
                <li biztype="gs" class="lossreport" voice-control="挂失" vc-intent="BL_SZT_GS">
                    <div class="quickicon"></div>
                    <p>卡片挂失</p>
                </li>
                <li biztype="kpyq" class="carddelay" voice-control="延期" vc-intent="BL_SZT_CARDELAY">
                    <div class="quickicon"></div>
                    <p>卡片延期</p>
                </li>
                <li biztype="20" class="balance" voice-control="余额" vc-intent="BL_SZT_CXYE">
                    <div class="quickicon"></div>
                    <p>查询余额</p>
                </li>
                <li biztype="zixun" class="consult" voice-control="咨询">
                    <div class="quickicon"></div>
                    <p>咨询</p>
                </li>
            </ul>
            <ul id="biztypes2">
                <li biztype="34" class="contact" voice-control="客服" vc-intent="BL_SZT_YCKF">
                   <div class="quickicon"></div>
                   <p>联系客服</p>
               </li>
                <li biztype="tz" class="refundcard" voice-control="退资" vc-intent="BL_SZT_TZ">
                    <div class="quickicon"></div>
                    <p>退资</p>
                </li>
            </ul>
        </ul>
    </div>
    <div class="maintotal_side" id="mainbox_side_box">
        <h3>欢迎使用自助充值系统</h3>
        <input id="main_Recharge" class='ibtn0' type='button' value='充值'/>
        <input id="main_balance" class='ibtn2' type='button' value='余额查询'/>
    </div>
    <div class="footer" id="footer" style="display:none;">
        <div class="salespro" style="display:block;"><em></em>您可以这么对我说：“我要充值”</div>
        <input type="button" value="下一页" id="nextPage" class="next" voice-control="下一页" style="display:none;" vc-reload="1"/>
    </div>
    <div class="banner" id="banner">
        <ul></ul>
        <ol></ol>
        <i class="left"></i><i class="right"></i>
    </div>
    <p id="table"
       style="display:none;text-align:center; padding-top:300px; font-size:120px; color:#F00; text-shadow:2px 2px 5px #000;">
        设备维护中...</p>
</div>
</body>
</html>

<script src="../../js/frame/voice-control.js"></script>
<script src="../../js/biz/_main_js.js"></script>
<script src="../../js/biz/_main.js"></script>
<script src="../../js/biz/_main_total.js"></script>
<script>

    document.getElementById("contentbox").style.display = "block";
    document.getElementById("footer").style.display = "block";
    if (global.isSideFlag == 0) {
        document.getElementById("contentbox").style.display = "none";
        document.getElementById("mainbox_side_box").style.display = "block";
    }
    var list1 = document.getElementById("biztypes1").getElementsByTagName("li").length;
    var list2 = document.getElementById("biztypes2").getElementsByTagName("li").length;
    var uls = document.getElementById("biztypes").getElementsByTagName("ul");

    if ((list1 + list2) > 9) {
        document.getElementById("nextPage").style.display = "block";
        document.getElementById("biztypes2").style.display = "none";
    }
    var j = 0;
    $("#nextPage").click(function () {
        debugger;
        if (j === 0) {
            j = 1;
            uls[1].style.display = "block";
            uls[0].style.display = "none";
        }
        else {
            j = 0;
            uls[0].style.display = "block";
            uls[1].style.display = "none";
        }
    });
</script>